<template>
  	<div>
  		<div class="content">
  			<div class="duione">
  				<img :src="success" style="width: 100%;height: 100%;">
  			</div>
  			<div class="zl">
  				{{xianshi}}
  			</div>
  			<div class="gzjf">
  				关注积分商城-兑换记录，掌控订单最新动态
  			</div>
  		</div>
  		<router-link :to="{path:'/dindanxiangqing',query:{order_id:this.order_id}}">
  		<div class="lan">
  			<input type="button" value="查看订单详情"class="yq"/>
  			
  		</div>
  		</router-link>
  	<router-link to="/jifenshangcheng">
  		<div class="lan11">
  			<input type="button" value="返回积分商城首页" class="yq1"/>
  		</div>
  	</router-link>
  	</div>
  
</template>

<script>

export default {
	components: {
	},
	data () {
		return {
			success:'static/successful.png',
			xianshi:'恭喜兑换成功',
			order_id:'',
		}
	},
	created(){
		var status = this.$route.query.status;
		var becau = this.$route.query.becau;
		this.order_id = this.$route.query.order_id;
		if(status == 1){
    		this.success = 'static/successful.png';
    		this.xianshi = '恭喜兑换成功';
    		document.title = '兑换成功';
    	}else{
    		this.success = 'static/cha.png';
    		this.xianshi = becau;
    		document.title = '兑换失败';
    	}
	},
}
</script>

<style scoped>
	.content{
		width: 100%;
		border: 1px /*solid*/ red;
	}
	.duione{
		width: 54px;
		height: 54px;
		border-radius: 50%;
		margin: 0 auto;
		margin-top: 89px;
		/*background: url(../assets/img/successful.png)no-repeat center;*/
	}
	.zl{
		width: 100%;
		text-align: center;
		line-height: 22px;
		font-size: 16px;
		color: #333;
	}
	.gzjf{width: 100%;
		text-align: center;
		line-height: 17px;
		font-size: 13px;
		color: #7f7f7f;
		margin-top: 10px;
		
	}
	.lan{
		width: 100%;
		border: 1px /*solid*/ green;
		margin-top: 10px;
		padding: 0 15px;
	}
	.yq{
		padding: 0 20px;
		width: 100%;
		height: 44px;
		background-color: #00c850;
		color: #FFFFFF;
		line-height: 22px;
		border: none;
		outline: none;
		
	}
	.lan11{
		width: 100%;
		margin-top: 10px;
		padding: 0 15px;
	}
	.yq1{
		padding: 0 20px;
		width: 100%;
		height: 44px;
		background-color: white;
		color: #00C850;
		line-height: 22px;
		outline: none;
		border: 1px solid #00C850;
	}
</style>
